Структура HTML-документа.


Для того, чтобы текстовый файл превратился в HTML-файл, поменять его расширение с ".txt" на ".html" недостаточно. Надо соблюсти "правило первой строки":

 

Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, обязан начинаться со строки декларации версии HTML !DOCTYPE, которая обычно выглядит так:

 

     

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

Эта строка поможет браузеру определить, как правильно интерпретировать данный документ. В данном случае мы говорим браузеру, что HTML соответствует международной спецификации версии 3.2, которая хоть и не отличается новизной, но, в отличие от более поздних версий, является полноценным, широко распространенным стандартом без каких-либо неопределенностей. Как видно из примера, самый короткий html-документ состоит буквально из одной строки.

 

  Пример самого короткого HTML-документа:

     

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

 


С чего начинается работа

На самом деле одной строкой дело не обходится. После объявления версии и типа документа необходимо обозначить его начало и конец. Это делается с помощью тега-контейнера <HTML>. Необходимо отметить, что любой HTML-документ открывется тегом <HTML> и им же закрывается.

Затем, между тегами <HTML> и  </HTML> следует разместить заголовок и тело документа. Вот и все! Начало положено – вы получили прекрасную заготовку. Вот как должен выглядеть ваш базовый HTML-файл перед началом работы:

 

  Правильный пример самого короткого HTML-документа:

     

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
   
<HEAD>
   
<TITLE>Заголовок документа</TITLE>
   
</HEAD>
<BODY>
Текст документа
</BODY>
</HTML>

 

 

 

Если приведенный выше пример пояснить схематически, получится следующее:

 

http://html.manual.ru/img/help/html.gif
http://html.manual.ru/img/help/head.gif
http://html.manual.ru/img/help/head_.gif
http://html.manual.ru/img/help/_head.gif
http://html.manual.ru/img/help/body.gif
http://html.manual.ru/img/help/body_.gif
http://html.manual.ru/img/help/_body.gif
http://html.manual.ru/img/help/_html.gif

 

Из схемы видно, что документ состоит из двух основных блоков – "заголовка" и "тела документа". Заголовок определяется с помощью элемента HEAD, а тело – элементом BODY.